<template>
  <div class="tableBox">
    <div class="title">
      <span>{{title}} </span>
      <slot name="more"></slot>
    </div>
    <div class="position-type">
      <slot name="type-span"></slot>
    </div>
    <div class="positon-list">
      <slot name="item-list"></slot>
    </div>
  </div>
</template>
<script>
export default {
  name: "tablebox",
  components: {
  },
  props: ["title", "positionT", "positionD"],
  data() {
    return {
    }
  }
}
</script>
<style lang="less">
  .tableBox{
    width: 100%;
      .title{
        width: 100%;
        height: 42px;
        // background-color: #ff7c65;
        margin-bottom: 6px;
        line-height: 42px;
      }
      .position-type{
        width: 100%;
        min-height: 46px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        // background-color: chocolate;
        margin-bottom: 6px;
      }
      .positon-list{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
      }
  }
</style>